<!doctype html>
<html lang="zh-cn">
<head>
  <title i18n="title"> PYI VISUAL </title>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />
  <link rel="shortcut icon" href="images/logo.ico" type="image/x-icon" />

  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/style.min.css">
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/animate.min.css">
  <style type="text/css" id="wp-custom-css">
    .teszt_fooldal .projectcard__title {
        display: none;
    }
    .teszt_fooldal .projectcard__quickinfo {
        display: none;
    }

    .teszt_fooldal .pswp__caption h3 small::before {
        display: none;
    }

    .teszt_fooldal .pswp__caption h3 small {
        display: block;
        margin-top: 1em;
    }
    .teszt_fooldal .pswp__bg {
        background: white;
    }

    .teszt_fooldal .pswp__img {
        border: none;
    }
    .teszt_fooldal .pswp__caption {
        min-height: 84px
    }
    .teszt_fooldal .projectcard__title {
        display: none;
    }

    .teszt_fooldal .projectcard__quickinfo {
        display: none;
    }
    
    .teszt_fooldal .localnav {
        margin-top: 0;
        margin-bottom: 0;
        
    }
    .teszt_fooldal .ps--narrow {
        padding-top:	2vh;
        padding-bottom: 2vh;
    }

    .cb--pairy--compact .cb__lead {
        max-width: 35em !important;
        
            }
    .cb__lead p {
        line-height: 1.5 !important;
        
        }
    /*
    .pswp__caption h3 small::before {
        display: none;
    }

    .pswp__caption h3 small {
        display: block;
        margin-top: 1em;
    }
    .pswp__bg {
        background: white;
    }

    .pswp__img {
        border: none;
    }
    .pswp__caption {
        min-height: 84px
    }
    .projectcard__title {
        display: none;
    }

    .projectcard__quickinfo {
        display: none;
    }*/
    *{padding:0;margin:0; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;}
    html,body {overflow-x: hidden;}
    .dropdown.menu>li.is-active>a::after{
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        bottom: -5px;
        left: 0;
        background-color: #000;
    }
    .dropdown.menu--main a{
      color: #000;
    }
    .dropdown.menu>li.is-active>a, .dropdown.sub-menu>li.is-active>a{
      color: #000;
    }
    .dropdown.menu--main a:focus{
      color: #000;
    }
    .language{
      font-size: 0.8rem!important;
      color: gray !important;
      margin: .7rem .7rem !important;line-height: 1 !important;padding: 0 !important;
    }
    .language> b.active{
        font-size: 1rem;
        color: #000;
    }
    .intro-Img{
      width: 100%;
      text-align: center;
      position: absolute;
      top: 5rem;
    }

    .introduction{
        color: #520000;font-size: 1.6rem;font-weight: 500;
      visibility: hidden;
    }

    .animated {
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
    }

    @media screen and (max-width: 63.99875em) {
        .PYI-A {
            width: 200px !important;
        }
        .introduction{
            font-size: 1rem;
        }
    }
  </style>
</head>
<body class="archive post-type-archive post-type-archive-portfolio sidebar-primary">
    <!--[if IE]>
        <div class="alert alert-warning">
            You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
        </div>
    <![endif]-->
        

    <header class="banner">
        <div class="banner__top" style="width: calc( 100% - 2rem);margin: 1rem auto;padding: 0;">
            <div class="grid-container">
                <div class="grid-x align-middle">
                    <div class="auto cell">
                    </div>
                    <div class="shrink cell show-for-large">
                        <nav class="banner__nav">
                            <ul class="menu dropdown menu--main" data-dropdown-menu data-click-open="true" data-disable-hover="true">
                                <li class="menu-item menu-works"><a href="index.html" aria-current="page" i18n="work" style="font-weight: 700;border-bottom:3px solid #000000;padding-bottom:3px;">Work</a></li>
                                <li class="menu-item menu-about"><a href="about.html" i18n="about">About</a></li>
                                <li class="menu-item menu-contact"><a href="content.html" i18n="contact">Contact</a></li>
                                <!-- <a class="language lang" href="javascript:void(0)"></a> -->
                            </ul>
                        </nav>
                    </div>
                    <div class="shrink cell hide-for-large">
                        <button class="menutoggler" type="button" data-toggle="mobilemodal"></button>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <div class="document" role="document">
        <main id="main" class="main" role="main" data-magellan-target="main"> 
            <div class="grid-container startblock" data-aos="fade-up" style="position: relative;">
                <div class="orbit orbit--hero" role="region" aria-label="Carousel" data-orbit data-options="animInFromLeft:fade-in; animInFromRight:fade-in; animOutToLeft:fade-out; animOutToRight:fade-out;">
                    <div class="orbit-wrapper" style="height:0; padding-bottom: 100vh;">
                        <ul class="orbit-container" id="orbit-container-id"></ul>
                    </div>
                </div>
                
                <div class="intro-Img">
                    <img class="PYI-A" style="width: 250px;margin-bottom: 30px;" src="images/PYI-A.png" alt="">
                    <label i18n="introduction" class="introduction">Each Creation Tells Her Own Story Here</label>
                </div>
            </div>
            <div id="thestickynav" class="localnav sticky-container" data-sticky-container>
                <div class="sticky localnav__top" data-sticky data-stick-to="top" data-top-anchor="portiwrap" data-margin-top="0" data-margin-bottom="0" data-sticky-on="small">
                    <div class="grid-container" data-aos="fade-up" data-aos-anchor=".startblock">
                        <div class="grid-x" style="justify-content: flex-end;margin: 0 20px;">
                            <div class="show-for-tablet shrink cell" data-smooth-scroll>
                                <a class="localnav__tothetop" href="#main">
                                    <svg class="icon"><use xlink:href="#icon-caret-up"></use></svg>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div id="portiwrap" class="grid-container portiwrap">
                <div class="grid-x grid-margin-x">
                    <div class="cell">
                        <section id="portfoliogrid" class="portfoliogrid" itemscope>
                            <!-- <div class="portfoliogrid__item portfoliogrid__item--7849 still-image-creation">
                                <article class="projectcard post-7849 portfolio type-portfolio status-publish has-post-thumbnail hentry project-type-still-image-creation">
                                    <header class="projectcard__header"  data-aos="fade-up-small" data-aos-offset="0" data-aos-delay="0">
                                        <figure class="projectcard__figure" style="padding-bottom: 62.5%" itemscope itemtype="http://schema.org/ImageObject">
                                            <a href="https://brickvisual.com/portfolio/natural-history-museum/" data-imagetarget="/wp-content/uploads/2021/02/3050_ZAHA_Natural_History_Museum-5-1920x1201.jpg" data-size="1920x1201">
                                                <img width="480" height="300" src="/wp-content/uploads/2021/02/3050_ZAHA_Natural_History_Museum-5-480x300.jpg" class="attachment-medium size-medium wp-post-image" alt="" loading="lazy" srcset="/wp-content/uploads/2021/02/3050_ZAHA_Natural_History_Museum-5-480x300.jpg 480w, /wp-content/uploads/2021/02/3050_ZAHA_Natural_History_Museum-5-1280x800.jpg 1280w, /wp-content/uploads/2021/02/3050_ZAHA_Natural_History_Museum-5-768x480.jpg 768w, /wp-content/uploads/2021/02/3050_ZAHA_Natural_History_Museum-5-1536x960.jpg 1536w, /wp-content/uploads/2021/02/3050_ZAHA_Natural_History_Museum-5-2048x1281.jpg 2048w, /wp-content/uploads/2021/02/3050_ZAHA_Natural_History_Museum-5-1920x1201.jpg 1920w" sizes="(max-width: 480px) 100vw, 480px">
                                            </a>
                                        </figure>
                                        <h2 class="projectcard__title"><a href="/portfolio/natural-history-museum/">Natural History Museum</a></h2>
                                        <p class="projectcard__quickinfo">Zaha Hadid Architects</p>
                                    </header>
                                </article>
                            </div>
                            <div class="portfoliogrid__item portfoliogrid__item--8219 still-image-creation">
                                <article class="projectcard post-8219 portfolio type-portfolio status-publish has-post-thumbnail hentry project-type-still-image-creation">
                                    <header class="projectcard__header"  data-aos="fade-up-small" data-aos-offset="0" data-aos-delay="100">
                                        <figure class="projectcard__figure" style="padding-bottom: 70.625%" itemscope itemtype="http://schema.org/ImageObject">
                                            <a href="https://brickvisual.com/portfolio/international-exhibition-center-beijing-china/" data-imagetarget="/wp-content/uploads/2021/03/2748_ZAHA_Exhibition_Centre_Beijing-8-1920x1357.jpg" data-size="1920x1357">
                                                <img width="480" height="339" src="/wp-content/uploads/2021/03/2748_ZAHA_Exhibition_Centre_Beijing-8-480x339.jpg" class="attachment-medium size-medium wp-post-image" alt="" loading="lazy" srcset="/wp-content/uploads/2021/03/2748_ZAHA_Exhibition_Centre_Beijing-8-480x339.jpg 480w, /wp-content/uploads/2021/03/2748_ZAHA_Exhibition_Centre_Beijing-8-1280x905.jpg 1280w, /wp-content/uploads/2021/03/2748_ZAHA_Exhibition_Centre_Beijing-8-768x543.jpg 768w, /wp-content/uploads/2021/03/2748_ZAHA_Exhibition_Centre_Beijing-8-1536x1086.jpg 1536w, /wp-content/uploads/2021/03/2748_ZAHA_Exhibition_Centre_Beijing-8-2048x1448.jpg 2048w, /wp-content/uploads/2021/03/2748_ZAHA_Exhibition_Centre_Beijing-8-1920x1357.jpg 1920w" sizes="(max-width: 480px) 100vw, 480px">
                                            </a>
                                        </figure>
                                        <h2 class="projectcard__title"><a href="/portfolio/international-exhibition-center-beijing-china/">International Exhibition Center, Beijing, China</a></h2>
                                        <p class="projectcard__quickinfo">Zaha Hadid Architects</p>
                                    </header>
                                </article>
                            </div>
                            <div class="portfoliogrid__item portfoliogrid__item--7742 still-image-creation">
                                <article class="projectcard post-7742 portfolio type-portfolio status-publish has-post-thumbnail hentry project-type-still-image-creation">
                                    <header class="projectcard__header"  data-aos="fade-up-small" data-aos-offset="0" data-aos-delay="150">
                                        <figure class="projectcard__figure" style="padding-bottom: 56.666666666667%" itemscope itemtype="http://schema.org/ImageObject">
                                            <a href="https://brickvisual.com/portfolio/performing-arts-center-shenzhen-iii/" data-imagetarget="/wp-content/uploads/2021/01/3239_CAAU_Shenzhen_International_Performance_Center-3-1920x1088.jpg" data-size="1920x1088">
                                                <img width="480" height="272" src="/wp-content/uploads/2021/01/3239_CAAU_Shenzhen_International_Performance_Center-3-480x272.jpg" class="attachment-medium size-medium wp-post-image" alt="" loading="lazy" srcset="/wp-content/uploads/2021/01/3239_CAAU_Shenzhen_International_Performance_Center-3-480x272.jpg 480w, /wp-content/uploads/2021/01/3239_CAAU_Shenzhen_International_Performance_Center-3-1280x725.jpg 1280w, /wp-content/uploads/2021/01/3239_CAAU_Shenzhen_International_Performance_Center-3-768x435.jpg 768w, /wp-content/uploads/2021/01/3239_CAAU_Shenzhen_International_Performance_Center-3-1536x870.jpg 1536w, /wp-content/uploads/2021/01/3239_CAAU_Shenzhen_International_Performance_Center-3-2048x1160.jpg 2048w, /wp-content/uploads/2021/01/3239_CAAU_Shenzhen_International_Performance_Center-3-1920x1088.jpg 1920w, /wp-content/uploads/2021/01/3239_CAAU_Shenzhen_International_Performance_Center-3-320x180.jpg 320w" sizes="(max-width: 480px) 100vw, 480px">
                                            </a>
                                        </figure>
                                        <h2 class="projectcard__title"><a href="/portfolio/performing-arts-center-shenzhen-iii/">Performing Arts Center Shenzhen III</a></h2>
                                        <p class="projectcard__quickinfo">CAAU in cooperation with Aube</p>
                                    </header>
                                </article>
                            </div>
                            <div class="portfoliogrid__item portfoliogrid__item--7577 animation">
                                <article class="projectcard post-7577 portfolio type-portfolio status-publish has-post-thumbnail hentry project-type-animation">
                                    <header class="projectcard__header"  data-aos="fade-up-small" data-aos-offset="0" data-aos-delay="200">
                                        <figure class="projectcard__figure" style="padding-bottom: 56.25%" itemscope itemtype="http://schema.org/ImageObject">
                                            <a href="https://brickvisual.com/portfolio/modern-barn-house/" data-imagetarget="/wp-content/uploads/2020/09/barn.jpg" data-size="1366x768" data-type="video" data-video='<div id="vimeoembed-pl-modern-barn-house" class="responsive-embed vimeoembed" style="padding-bottom:56.338028169014%;"><iframe src="https://player.vimeo.com/video/454026936?title=0&byline=0&portrait=0&muted=1&autopause=0&player_id=pl-modern-barn-house&app_id=122963" width="426" height="240" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="Barn House - Architectural Visualization Movie"></iframe></div>'>
                                                <img width="480" height="270" src="/wp-content/uploads/2020/09/barn-480x270.jpg" class="attachment-medium size-medium wp-post-image" alt="" loading="lazy" srcset="/wp-content/uploads/2020/09/barn-480x270.jpg 480w, /wp-content/uploads/2020/09/barn-1280x720.jpg 1280w, /wp-content/uploads/2020/09/barn-768x432.jpg 768w, /wp-content/uploads/2020/09/barn-320x180.jpg 320w, /wp-content/uploads/2020/09/barn.jpg 1366w" sizes="(max-width: 480px) 100vw, 480px">
                                                <svg class="icon"><use xlink:href="#icon-play-color"></use></svg>
                                            </a>
                                        </figure>
                                        <h2 class="projectcard__title"><a href="/portfolio/modern-barn-house/">Modern Barn House</a></h2>
                                        <p class="projectcard__quickinfo">Confidential Commissioned Project</p>
                                    </header>
                                </article>
                            </div>
                            <div class="portfoliogrid__item portfoliogrid__item--7768 still-image-creation">
                                <article class="projectcard post-7768 portfolio type-portfolio status-publish has-post-thumbnail hentry project-type-still-image-creation">
                                    <header class="projectcard__header"  data-aos="fade-up-small" data-aos-offset="0" data-aos-delay="0">
                                        <figure class="projectcard__figure" style="padding-bottom: 125%" itemscope itemtype="http://schema.org/ImageObject">
                                            <a href="https://brickvisual.com/portfolio/log-driving-museum-sunny/" data-imagetarget="/wp-content/uploads/2021/01/126242257_405970537211292_4907385458469399273_n.jpg" data-size="1638x2048">
                                                <img width="480" height="600" src="/wp-content/uploads/2021/01/126242257_405970537211292_4907385458469399273_n-480x600.jpg" class="attachment-medium size-medium wp-post-image" alt="" loading="lazy" srcset="/wp-content/uploads/2021/01/126242257_405970537211292_4907385458469399273_n-480x600.jpg 480w, /wp-content/uploads/2021/01/126242257_405970537211292_4907385458469399273_n-1280x1600.jpg 1280w, /wp-content/uploads/2021/01/126242257_405970537211292_4907385458469399273_n-768x960.jpg 768w, /wp-content/uploads/2021/01/126242257_405970537211292_4907385458469399273_n-1229x1536.jpg 1229w, /wp-content/uploads/2021/01/126242257_405970537211292_4907385458469399273_n.jpg 1638w" sizes="(max-width: 480px) 100vw, 480px">
                                            </a>
                                        </figure>
                                        <h2 class="projectcard__title"><a href="/portfolio/log-driving-museum-sunny/">Log-driving Museum Sunny</a></h2>
                                        <p class="projectcard__quickinfo">L2 Arkitekter</p>
                                    </header>
                                </article>
                            </div> -->
                        </section>
                        <!-- <nav id="portfoliogrid__next" class="masonrynext ps text-center">
                            <a href="/portfolio/page/2/" >查看更多</a>
                        </nav> -->
                    </div>
                </div>
            </div>

            <!-- Root element of PhotoSwipe. Must have class pswp. -->
            <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

                <!-- Background of PhotoSwipe.
                    It's a separate element as animating opacity is faster than rgba(). -->
                <div class="pswp__bg"></div>

                <!-- Slides wrapper with overflow:hidden. -->
                <div class="pswp__scroll-wrap">

                    <!-- Container that holds slides.
                        PhotoSwipe keeps only 3 of them in the DOM to save memory.
                        Don't modify these 3 pswp__item elements, data is added later on. -->
                    <div class="pswp__container">
                        <div class="pswp__item"></div>
                        <div class="pswp__item"></div>
                        <div class="pswp__item"></div>
                    </div>

                    <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
                    <div class="pswp__ui pswp__ui--hidden">
                        <div class="pswp__top-bar">

                            <!--  Controls are self-explanatory. Order can be changed. -->
                            <div class="pswp__counter"></div>
                            <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                            <!-- <button class="pswp__button pswp__button--share" title="Share"></button> -->
                            <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
                            <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

                            <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                            <!-- element will get class pswp__preloader--active when preloader is running -->
                            <div class="pswp__preloader">
                                <div class="pswp__preloader__icn">
                                <div class="pswp__preloader__cut">
                                    <div class="pswp__preloader__donut"></div>
                                </div>
                                </div>
                            </div>
                        </div>

                        <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                            <div class="pswp__share-tooltip"></div>
                        </div>

                        <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>

                        <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>

                        <div class="pswp__caption">
                            <div class="pswp__caption__center"></div>
                        </div>
                    </div>
                </div>
            </div>

        </main><!-- /.main -->
    </div><!-- /.document -->
    <footer class="sitefooter" role="contentinfo">
        <div class="grid-container ">
            <div class="grid-x grid-margin-x">
                <div class="cell sitefooter__separator"></div>
                <div class="cell small-12 large-shrink text-center large-text-left" style="margin: auto;">
                    <p>&copy; PYI VISUAL Co.LTD</p>
                </div>
            </div>
        </div>
    </footer>
    <div class="reveal mobilemodal" id="mobilemodal" data-reveal data-animation-in="scale-in-down fast" data-animation-out="scale-out-up fast">
      <div class="mobilemodal__inner">
        <nav class="mobilemodal__mainnav">
          <a class="mobilemodal__brand" href="index.html">
            <img src="images/PYI-A.png" alt="logo">
          </a>
          <ul class="menu accordion-menu menu--mobilemain" data-accordion-menu="" role="tree" aria-multiselectable="true" data-e="uuj6qf-e">
            <li class="menu-item menu-works" role="treeitem" aria-hidden="false">
              <a href="index.html" aria-current="page" i18n="work" style="font-weight: 700;border-bottom:3px solid #000000;padding-bottom:3px;width:26%;margin:0 auto;">WORK</a>
            </li>
            <li class="menu-item menu-about" role="treeitem"><a href="about.html" i18n="about">ABOUT</a></li>
            <li class="menu-item menu-contact" role="treeitem"><a href="content.html" i18n="contact">CONTACT</a></li>
            <a class="lang" href="javascript:void(0)"
              style="margin: auto;line-height: 1;padding: .5em 0;"></a>
          </ul>
        </nav>
      </div>
      <button class="close-button" data-close aria-label="Close modal" type="button">
          <span aria-hidden="true">&times;</span>
      </button>
    </div>

    <div style="height: 0; width: 0; position: absolute; visibility: hidden; overflow: hidden;">
        <!-- inject:svg --><svg xmlns="http://www.w3.org/2000/svg"><symbol id="icon-behance" viewBox="0 0 25 15"><title>behance</title><g fill="#1E1E1E" fill-rule="evenodd"><path d="M17 2h6V0h-6zM7.842 12.335H3.556v-4.01H8.07s1.634-.021 1.634 2.06c0 1.754-1.219 1.935-1.863 1.95zM3.556 2.667H8.07s1.097 0 1.097 1.56-.646 1.786-1.377 1.786H3.556V2.667zm6.536 4.18s2.366-.17 2.366-2.854C12.458 1.31 10.524 0 8.071 0H0v15h8.071s4.926.15 4.926-4.427c0 0 .215-3.725-2.905-3.725zM17.178 7.704s.32-2.413 2.632-2.413c2.312 0 2.28 2.413 2.28 2.413h-4.912zM19.75 3c-5.753 0-5.746 6.011-5.746 6.011s-.396 5.985 5.746 5.985c0 0 5.122.306 5.122-4.164h-2.635s.087 1.684-2.399 1.684c0 0-2.631.183-2.631-2.724h7.751S25.807 3 19.751 3z"/></g></symbol><symbol id="icon-brick" viewBox="0 0 82 28"><title>brick</title><g fill="none" fill-rule="evenodd"><path d="M10.37 24.714c4.12 0 6.77-3.1 6.77-7.098 0-3.998-2.65-7.097-6.77-7.097-4.12 0-6.772 3.1-6.772 7.097 0 3.997 2.652 7.098 6.771 7.098zM0 .744h3.181v10.1c1.754-2.042 4.16-3.265 6.934-3.265 5.997 0 10.035 4.242 10.035 10.034 0 5.711-4.202 10.035-9.546 10.035-3.425 0-6.24-1.713-7.423-3.875v3.385H.001V.744zM37.783 27.158h3.182V8.069h-3.182z" fill="#1E1E1E"/><path fill="#308EC7" d="M37.848 3.934h3.19V.744h-3.19z"/><path d="M33.324 8.419c-2.819-.07-5.743 1.603-6.604 3.28V8.072h-2.988v19.09h3.182v-7.003c0-.774-.184-4.861 1.953-6.835 1.312-1.213 3.231-1.937 5.521-1.937V8.503a7.53 7.53 0 0 0-1.064-.084M56.152 24.53c-.49.12-1 .17-1.525.17-3.981 0-7.202-3.105-7.202-7.086a7.208 7.208 0 0 1 7.208-7.208c.524 0 1.03.062 1.523.168 1.349.244 2.576 1.084 3.599 1.957l1.889-1.932c-1.917-2.082-4.528-3.02-7.342-3.02-5.874 0-9.872 4.243-9.872 10.034 0 5.875 3.957 10.036 9.872 10.036 2.774 0 5.384-.94 7.22-3.06l-2.07-2.036c-.98.897-1.95 1.648-3.3 1.978M81.358 27.159L70.511 16.758l9.22-8.688h-4.418l-7.097 6.862V.745h-3.18v26.414h3.18v-8.576l8.87 8.576z" fill="#1E1E1E"/></g></symbol><symbol id="icon-bricklogo" viewBox="0 0 265 85"><title>brick</title><path class="potyi" fill="#25A7E0" d="M117.79 1.65h11.48v11.49h-11.48z"/><path d="M32.39 20.57a30.27 30.27 0 0 0-13.49 3 30.81 30.81 0 0 0-7.18 4.95V0H0v85h11.71v-8.3a29.36 29.36 0 0 0 6.81 5A29.18 29.18 0 0 0 32.27 85h.09a30.2 30.2 0 0 0 22.19-9.42 31.24 31.24 0 0 0 9.29-22.68A31.71 31.71 0 0 0 54.65 30a30.09 30.09 0 0 0-22.26-9.45M52 52.67c0 3.68-.962 7.296-2.79 10.49a19.91 19.91 0 0 1-17.64 10.37 19.3 19.3 0 0 1-14.49-6 20.56 20.56 0 0 1-5.9-15.06 21.23 21.23 0 0 1 2.63-10.64 19.27 19.27 0 0 1 7.5-7.45 20.84 20.84 0 0 1 10.37-2.78 19.36 19.36 0 0 1 10 2.77 20.22 20.22 0 0 1 7.51 7.77A21.25 21.25 0 0 1 52 52.67M98.08 21.83a15.8 15.8 0 0 0-8.79 2.74 22.46 22.46 0 0 0-3.64 3v-4.31H74V85h11.65V62.47c0-9.61.48-16.07 1.27-18.77 1.08-3.91 2.65-6.57 4.45-8.17a8.29 8.29 0 0 1 5.53-2.42 8.08 8.08 0 0 1 3 .81l1.7.72 5.9-9.54-1.99-1.1a15.32 15.32 0 0 0-7.43-2.18M117.79 23.26h11.48v61.76h-11.48zM191 65c-4.9 6.1-10.83 9-18.48 9a22.69 22.69 0 0 1-11.13-2.73 19.66 19.66 0 0 1-7.72-7.57 20.51 20.51 0 0 1-2.82-10.45A19.28 19.28 0 0 1 157 38.87c4.12-4 9.13-6 15.49-6 8 0 13.89 2.94 18.5 9l1.18 1.56 9.16-5.69-1.08-1.81a26.05 26.05 0 0 0-6.67-7.54 31.52 31.52 0 0 0-9.39-4.75 35.91 35.91 0 0 0-11.4-1.81 35 35 0 0 0-17 4.17 31.08 31.08 0 0 0-12 11.68 31.52 31.52 0 0 0-4.4 16.19 29.61 29.61 0 0 0 9.4 22.07c6.2 6 14 9 23.3 9h.09a37.14 37.14 0 0 0 16.49-3.56 29.15 29.15 0 0 0 11.63-10.11l1.19-1.8-9.15-6L191 65M229.89 53.63l33.29-28.88h-17.13l-23.02 20.04V1.65h-11.47v83.38h11.47V62.45l25.25 22.58h16.55z"/></symbol><symbol id="icon-caret-down" viewBox="0 0 24 13"><title>caret-down</title><path d="M1.668.29L11.978 10.6 22.29.29a.99.99 0 1 1 1.399 1.4L12.679 12.7a1.019 1.019 0 0 1-1.4 0L.267 1.69a.99.99 0 0 1 1.4-1.4z" fill="#000" fill-rule="evenodd"/></symbol><symbol id="icon-caret-left" viewBox="0 0 13 24"><title>caret-left</title><path d="M12.689 22.31L2.377 12 12.69 1.689a.99.99 0 1 0-1.4-1.4L.279 11.3a1.019 1.019 0 0 0 0 1.4l11.01 11.01a.99.99 0 0 0 1.4-1.4z" fill="#000" fill-rule="evenodd"/></symbol><symbol id="icon-caret-right" viewBox="0 0 13 24"><title>caret-right</title><path d="M.29 22.31L10.6 12 .29 1.689a.99.99 0 1 1 1.4-1.4L12.7 11.3a1.019 1.019 0 0 1 0 1.4L1.69 23.71a.99.99 0 0 1-1.4-1.4z" fill="#000" fill-rule="evenodd"/></symbol><symbol id="icon-caret-up" viewBox="0 0 24 13"><title>caret-up</title><path d="M22.31 12.689L12 2.377 1.689 12.69a.99.99 0 1 1-1.4-1.4L11.3.279a1.019 1.019 0 0 1 1.4 0l11.01 11.01a.99.99 0 0 1-1.4 1.4z" fill="#000" fill-rule="evenodd"/></symbol><symbol id="icon-cheveron-outline-down" viewBox="0 0 20 20"><path d="M20 10a10 10 0 1 1-20 0 10 10 0 0 1 20 0zM10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16zm-.7 10.54L5.75 9l1.41-1.41L10 10.4l2.83-2.82L14.24 9 10 13.24l-.7-.7z"/></symbol><symbol id="icon-cheveron-outline-left" viewBox="0 0 20 20"><path d="M10 20a10 10 0 1 1 0-20 10 10 0 0 1 0 20zm8-10a8 8 0 1 0-16 0 8 8 0 0 0 16 0zM7.46 9.3L11 5.75l1.41 1.41L9.6 10l2.82 2.83L11 14.24 6.76 10l.7-.7z"/></symbol><symbol id="icon-cheveron-outline-right" viewBox="0 0 20 20"><path d="M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20zM2 10a8 8 0 1 0 16 0 8 8 0 0 0-16 0zm10.54.7L9 14.25l-1.41-1.41L10.4 10 7.6 7.17 9 5.76 13.24 10l-.7.7z"/></symbol><symbol id="icon-cheveron-outline-up" viewBox="0 0 20 20"><path d="M0 10a10 10 0 1 1 20 0 10 10 0 0 1-20 0zm10 8a8 8 0 1 0 0-16 8 8 0 0 0 0 16zm.7-10.54L14.25 11l-1.41 1.41L10 9.6l-2.83 2.8L5.76 11 10 6.76l.7.7z"/></symbol><symbol id="icon-close" viewBox="0 0 12 15"><path d="M5.293 6L.697 1.404l.707-.707L6 5.293 10.596.697l.707.707L6.707 6l4.596 4.596-.707.707L6 6.707l-4.596 4.596-.707-.707z"/></symbol><symbol id="icon-download" viewBox="0 0 66 66"><style>.st0{display:none}.st1{display:inline}.st2{fill:#34a5de}.st3{fill:#1f1f1f}.st4,.st5,.st6{fill:none;stroke:#e3e3e2;stroke-miterlimit:10}.st4{display:inline;stroke-width:.7539}.st5,.st6{stroke-width:1.5}.st6{display:inline}.st7{fill:#e3e3e2}.st8{fill:#f7f8f9}.st9{fill:#2aa6df}.st10{opacity:.5}.st10,.st11{fill:#fff}.st12{opacity:.2}.st13{fill:#19a7e0}.st14{display:inline;fill:none;stroke:#13171b;stroke-width:.1409;stroke-miterlimit:10}.st15{fill:#27a5de}.st16{fill:#14181b}.st17{fill:none;stroke:#19a7e0;stroke-width:.75;stroke-miterlimit:10}.st18{fill:#02060d}.st19{fill:#18a7e0}.st20{fill:#17a8e0}.st21,.st22,.st23{fill:none;stroke:#14181b;stroke-width:.386;stroke-miterlimit:10}.st22,.st23{stroke:#13171b;stroke-width:.2623}.st23{stroke:#fff;stroke-width:.5562}.st24{stroke-width:.25}.st24,.st25,.st26,.st27,.st28,.st29{fill:none;stroke:#243f7e;stroke-miterlimit:10}.st26,.st27,.st28,.st29{stroke:#d1d3d4;stroke-width:.2434}.st27,.st28,.st29{stroke:#13171b;stroke-width:.1924}.st28,.st29{stroke:#fff;stroke-width:.4079}.st29{stroke-width:.4015}.st30{fill:#13171b}.st31,.st32{fill:none;stroke:#000;stroke-width:1.5;stroke-miterlimit:10}.st32{stroke-linecap:round;stroke-linejoin:round}</style><g id="Layer_2"><path class="st30" d="M33 66C14.8 66 0 51.2 0 33S14.8 0 33 0s33 14.8 33 33-14.8 33-33 33zm0-63.8C16 2.2 2.2 16 2.2 33S16 63.8 33 63.8 63.8 50 63.8 33 50 2.2 33 2.2z"/><path class="st30" d="M22.1 30.6c.8-.8 2.2-.8 3.1 0l7.8 7.8 7.8-7.8c.8-.8 2.2-.8 3.1 0L33 41.5 22.1 30.6z"/><path class="st30" d="M43.9 42.5H22.1c-.6 0-1-.4-1-1s.4-1 1-1h21.8c.6 0 1 .4 1 1s-.4 1-1 1z"/></g></symbol><symbol id="icon-external-link" viewBox="0 0 66 66"><style>.st0{display:none}.st1{display:inline}.st2{fill:#34a5de}.st3{fill:#1f1f1f}.st4,.st5,.st6{fill:none;stroke:#e3e3e2;stroke-miterlimit:10}.st4{display:inline;stroke-width:.7539}.st5,.st6{stroke-width:1.5}.st6{display:inline}.st7{fill:#e3e3e2}.st8{fill:#f7f8f9}.st9{fill:#2aa6df}.st10{opacity:.5}.st10,.st11{fill:#fff}.st12{opacity:.2}.st13{fill:#19a7e0}.st14{display:inline;fill:none;stroke:#13171b;stroke-width:.1409;stroke-miterlimit:10}.st15{fill:#27a5de}.st16{fill:#14181b}.st17{fill:none;stroke:#19a7e0;stroke-width:.75;stroke-miterlimit:10}.st18{fill:#02060d}.st19{fill:#18a7e0}.st20{fill:#17a8e0}.st21,.st22,.st23{fill:none;stroke:#14181b;stroke-width:.386;stroke-miterlimit:10}.st22,.st23{stroke:#13171b;stroke-width:.2623}.st23{stroke:#fff;stroke-width:.5562}.st24{stroke-width:.25}.st24,.st25,.st26,.st27,.st28,.st29{fill:none;stroke:#243f7e;stroke-miterlimit:10}.st26,.st27,.st28,.st29{stroke:#d1d3d4;stroke-width:.2434}.st27,.st28,.st29{stroke:#13171b;stroke-width:.1924}.st28,.st29{stroke:#fff;stroke-width:.4079}.st29{stroke-width:.4015}.st30{fill:#13171b}.st31,.st32{fill:none;stroke:#000;stroke-width:1.5;stroke-miterlimit:10}.st32{stroke-linecap:round;stroke-linejoin:round}</style><g id="Layer_2"><path class="st30" d="M33 66C14.8 66 0 51.2 0 33S14.8 0 33 0s33 14.8 33 33-14.8 33-33 33zm0-63.8C16 2.2 2.2 16 2.2 33S16 63.8 33 63.8 63.8 50 63.8 33 50 2.2 33 2.2z"/><path class="st30" d="M28.7 43.9c-.8-.8-.8-2.2 0-3.1l7.8-7.8-7.8-7.8c-.8-.8-.8-2.2 0-3.1L39.6 33 28.7 43.9z"/></g></symbol><symbol id="icon-facebook" viewBox="0 0 20 20"><path d="M17 1H3c-1.1 0-2 .9-2 2v14c0 1.101.9 2 2 2h7v-7H8V9.525h2v-2.05c0-2.164 1.212-3.684 3.766-3.684l1.803.002v2.605h-1.197c-.994 0-1.372.746-1.372 1.438v1.69h2.568L15 12h-2v7h4c1.1 0 2-.899 2-2V3c0-1.1-.9-2-2-2z"/></symbol><symbol id="icon-fulllogo" viewBox="0 0 407 28"><title>fulllogo</title><g fill="none" fill-rule="evenodd"><g fill="#1E1E1E"><path d="M114.167 21.472a4.56 4.56 0 0 1-1.04 1.297c-.415.356-.89.63-1.424.821a5.093 5.093 0 0 1-1.732.287 4.98 4.98 0 0 1-1.921-.376 4.856 4.856 0 0 1-1.603-1.069 4.028 4.028 0 0 1-.743-.99 4.32 4.32 0 0 1-.395-1.167 8.744 8.744 0 0 1-.15-1.515 86.237 86.237 0 0 1-.02-2.049c0-.792.007-1.475.02-2.049a8.744 8.744 0 0 1 .15-1.515 4.32 4.32 0 0 1 .395-1.167c.178-.344.426-.674.743-.99a4.869 4.869 0 0 1 1.603-1.069 4.98 4.98 0 0 1 1.92-.377c1.28 0 2.34.367 3.178 1.1.838.731 1.375 1.738 1.613 3.018h-1.09c-.21-.989-.642-1.765-1.295-2.326-.653-.56-1.456-.84-2.405-.84-.502 0-.984.091-1.446.276a3.623 3.623 0 0 0-1.227.811 3.207 3.207 0 0 0-.594.803c-.145.283-.254.62-.327 1.01a9.724 9.724 0 0 0-.138 1.384c-.02.535-.03 1.18-.03 1.931 0 .752.01 1.395.03 1.93.02.535.066.997.138 1.386.073.39.182.726.327 1.01.145.283.343.551.594.801.356.357.765.627 1.227.812.462.185.944.277 1.446.277.949 0 1.758-.28 2.425-.84.666-.562 1.105-1.338 1.316-2.327h1.049a5.757 5.757 0 0 1-.594 1.712M126.48 16.71c0-.751-.01-1.395-.028-1.93a9.726 9.726 0 0 0-.14-1.385 3.726 3.726 0 0 0-.326-1.01 3.204 3.204 0 0 0-.593-.801 3.64 3.64 0 0 0-1.228-.812 3.853 3.853 0 0 0-1.445-.277c-.502 0-.984.092-1.446.277a3.636 3.636 0 0 0-1.227.812 3.21 3.21 0 0 0-.594.802c-.145.284-.254.62-.326 1.009a9.583 9.583 0 0 0-.14 1.386 52.73 52.73 0 0 0-.03 1.93c0 .753.01 1.396.03 1.93.02.535.067.997.14 1.386.072.39.18.726.326 1.01.146.284.343.55.594.8.356.358.766.629 1.227.813.462.185.944.277 1.446.277.5 0 .983-.092 1.445-.277a3.61 3.61 0 0 0 1.228-.812c.25-.25.448-.517.593-.801.145-.284.254-.62.327-1.01a9.71 9.71 0 0 0 .139-1.386c.019-.534.029-1.177.029-1.93m1.069 0c0 .792-.007 1.475-.02 2.049a8.953 8.953 0 0 1-.148 1.515 4.328 4.328 0 0 1-.396 1.168 4.044 4.044 0 0 1-.742.989 4.884 4.884 0 0 1-1.604 1.07 4.993 4.993 0 0 1-1.92.376 4.986 4.986 0 0 1-1.92-.376 4.878 4.878 0 0 1-1.605-1.07 4.038 4.038 0 0 1-.741-.99 4.328 4.328 0 0 1-.397-1.167 9.057 9.057 0 0 1-.148-1.515 91.937 91.937 0 0 1-.02-2.05c0-.79.007-1.474.02-2.048a9.034 9.034 0 0 1 .148-1.514c.086-.436.218-.825.397-1.168.178-.343.425-.673.74-.99a4.967 4.967 0 0 1 3.525-1.445c.674 0 1.314.125 1.92.376a4.897 4.897 0 0 1 1.605 1.069c.316.317.564.647.742.99.179.343.31.732.396 1.168.086.435.135.94.148 1.514.013.574.02 1.258.02 2.049M142.12 12.138l-4.276 9.641h-1.069l-4.356-9.641v11.621h-1.069V9.663h1.07l4.91 10.869 4.79-10.869h1.07v14.096h-1.07zM158.314 12.138l-4.276 9.641h-1.07l-4.355-9.641v11.621h-1.069V9.663h1.07l4.91 10.869 4.79-10.869h1.07v14.096h-1.07zM172.845 21.076a4.363 4.363 0 0 1-1 1.484c-.43.416-.937.74-1.524.971a5.308 5.308 0 0 1-1.951.346 5.301 5.301 0 0 1-1.95-.346 4.552 4.552 0 0 1-1.523-.97 4.349 4.349 0 0 1-1-1.485 4.896 4.896 0 0 1-.357-1.89V9.662h1.07v9.384c0 .582.089 1.112.267 1.593.178.482.432.891.76 1.227.332.337.728.598 1.19.783.46.186.976.278 1.543.278.568 0 1.082-.092 1.545-.277a3.405 3.405 0 0 0 1.187-.783c.33-.336.585-.745.763-1.227a4.559 4.559 0 0 0 .267-1.593V9.663h1.069v9.521c0 .687-.12 1.317-.356 1.892M178.427 11.504V23.76h-1.068V9.663h1.068l8.137 12.215V9.663h1.069V23.76h-1.069zM191.988 23.759h1.069V9.663h-1.069zM205.885 21.472a4.578 4.578 0 0 1-1.038 1.297c-.418.356-.892.63-1.427.821a5.085 5.085 0 0 1-1.731.287 4.971 4.971 0 0 1-3.524-1.445 4.023 4.023 0 0 1-.742-.99 4.355 4.355 0 0 1-.396-1.167 8.945 8.945 0 0 1-.15-1.515 92.587 92.587 0 0 1-.019-2.049c0-.792.006-1.475.02-2.049a8.945 8.945 0 0 1 .149-1.515c.086-.435.218-.824.396-1.167.178-.344.425-.674.742-.99a4.972 4.972 0 0 1 3.524-1.445c1.28 0 2.339.366 3.177 1.098.838.732 1.376 1.74 1.614 3.02h-1.09c-.211-.99-.642-1.766-1.296-2.327-.653-.56-1.455-.84-2.405-.84-.502 0-.984.091-1.445.276a3.627 3.627 0 0 0-1.228.811 3.232 3.232 0 0 0-.594.803c-.145.283-.253.62-.326 1.01a9.568 9.568 0 0 0-.14 1.384 55.467 55.467 0 0 0-.028 1.931c0 .752.01 1.395.029 1.93.02.535.066.997.139 1.386.073.39.18.726.326 1.01.146.283.343.551.594.801.356.357.766.627 1.228.812.46.185.943.277 1.445.277.95 0 1.759-.28 2.425-.84.667-.562 1.105-1.338 1.316-2.327h1.05a5.785 5.785 0 0 1-.594 1.712M210.795 19.384h5.9l-2.95-8.295-2.95 8.295zm6.236.95h-6.572l-1.227 3.425h-1.15l5.188-14.095h.95l5.187 14.095h-1.148l-1.228-3.425zM224.376 23.759h-1.07V10.614h-4.196v-.951h9.483v.95h-4.217zM231.364 23.759h1.068V9.663h-1.068zM237.857 11.504V23.76h-1.07V9.663h1.07l8.137 12.215V9.663h1.069V23.76h-1.07zM260.286 20.78a3.86 3.86 0 0 1-.89 1.474 4.806 4.806 0 0 1-1.664 1.198 5.012 5.012 0 0 1-2.039.425 4.975 4.975 0 0 1-1.92-.376 4.88 4.88 0 0 1-1.604-1.069 4.043 4.043 0 0 1-.74-.99 4.321 4.321 0 0 1-.398-1.167 8.953 8.953 0 0 1-.148-1.515 86.237 86.237 0 0 1-.02-2.049c0-.792.006-1.475.02-2.049a8.953 8.953 0 0 1 .148-1.515c.086-.435.218-.824.397-1.167.178-.344.425-.674.741-.99a4.975 4.975 0 0 1 3.524-1.445c.608 0 1.181.098 1.723.296a4.77 4.77 0 0 1 1.445.832 4.65 4.65 0 0 1 1.06 1.296c.283.51.477 1.073.583 1.693h-1.069c-.21-.99-.65-1.765-1.316-2.326-.667-.56-1.475-.84-2.426-.84-.5 0-.983.091-1.445.276a3.637 3.637 0 0 0-1.228.811c-.25.252-.448.52-.593.803-.145.283-.254.62-.327 1.01a9.568 9.568 0 0 0-.139 1.384 55.467 55.467 0 0 0-.029 1.931c0 .752.01 1.395.03 1.93.02.535.065.997.138 1.386.073.39.182.726.327 1.01.145.283.343.551.593.801.357.357.766.627 1.228.812.462.185.944.277 1.445.277.555 0 1.09-.115 1.604-.346a3.62 3.62 0 0 0 1.98-2.247c.132-.436.198-.957.198-1.564v-1.267h-3.782v-.95h4.85v2.296c0 .752-.085 1.395-.257 1.93M270.184 19.384h5.9l-2.95-8.295-2.95 8.295zm6.236.95h-6.572l-1.227 3.425h-1.149l5.187-14.095h.95l5.187 14.095h-1.148l-1.228-3.425zM289.606 13.464c0-.976-.291-1.695-.872-2.157-.581-.463-1.326-.693-2.236-.693h-4.158v5.701h4.158c.91 0 1.655-.23 2.236-.693.58-.462.872-1.18.872-2.158zm-3.386 3.801h-3.88v6.494h-1.07V9.663h5.366c.567 0 1.099.083 1.594.248.494.165.923.405 1.287.722.362.317.646.713.85 1.188.205.475.307 1.016.307 1.624 0 1.068-.293 1.926-.881 2.573-.586.647-1.375 1.056-2.365 1.227l3.405 6.514h-1.247l-3.366-6.494zM302.75 21.472a4.578 4.578 0 0 1-1.039 1.297c-.416.356-.89.63-1.425.821a5.095 5.095 0 0 1-1.733.287 4.975 4.975 0 0 1-1.92-.376 4.87 4.87 0 0 1-1.604-1.069 4.048 4.048 0 0 1-.742-.99 4.355 4.355 0 0 1-.396-1.167 8.851 8.851 0 0 1-.148-1.515 86.237 86.237 0 0 1-.02-2.049c0-.792.006-1.475.02-2.049a8.851 8.851 0 0 1 .148-1.515c.086-.435.218-.824.396-1.167.178-.344.426-.674.742-.99a4.975 4.975 0 0 1 3.524-1.445c1.28 0 2.34.366 3.177 1.098.84.732 1.376 1.74 1.614 3.02h-1.089c-.21-.99-.643-1.766-1.297-2.327-.652-.56-1.455-.84-2.405-.84-.502 0-.983.091-1.445.276a3.623 3.623 0 0 0-1.227.811 3.207 3.207 0 0 0-.594.803c-.146.283-.255.62-.327 1.01a9.44 9.44 0 0 0-.138 1.384c-.02.535-.03 1.18-.03 1.931 0 .752.01 1.395.03 1.93.02.535.065.997.138 1.386.072.39.181.726.327 1.01.145.283.343.551.594.801.356.357.765.627 1.227.812.462.185.943.277 1.445.277.95 0 1.76-.28 2.426-.84.666-.562 1.104-1.338 1.316-2.327h1.05a5.757 5.757 0 0 1-.595 1.712M315.44 17.127h-7.344v6.632h-1.07V9.662h1.07v6.513h7.344V9.663h1.07v14.095h-1.07zM320.864 23.759h1.069V9.663h-1.069zM329.97 23.759h-1.068V10.614h-4.198v-.951h9.483v.95h-4.216zM336.959 9.663h8.552v.95h-7.483v5.563h6.375v.95h-6.375v5.682h7.483v.951h-8.552zM357.27 21.472a4.578 4.578 0 0 1-1.039 1.297c-.417.356-.89.63-1.426.821a5.085 5.085 0 0 1-1.732.287 4.975 4.975 0 0 1-1.92-.376 4.87 4.87 0 0 1-1.604-1.069 4.023 4.023 0 0 1-.742-.99 4.355 4.355 0 0 1-.396-1.167 8.945 8.945 0 0 1-.149-1.515 92.587 92.587 0 0 1-.019-2.049c0-.792.006-1.475.02-2.049a8.945 8.945 0 0 1 .148-1.515c.086-.435.218-.824.396-1.167.178-.344.425-.674.742-.99a4.975 4.975 0 0 1 3.524-1.445c1.28 0 2.34.366 3.177 1.098.838.732 1.376 1.74 1.614 3.02h-1.089c-.21-.99-.643-1.766-1.297-2.327-.653-.56-1.455-.84-2.405-.84-.502 0-.984.091-1.445.276a3.637 3.637 0 0 0-1.228.811 3.232 3.232 0 0 0-.594.803c-.145.283-.253.62-.326 1.01a9.568 9.568 0 0 0-.139 1.384 55.467 55.467 0 0 0-.029 1.931c0 .752.01 1.395.03 1.93.02.535.065.997.138 1.386.073.39.181.726.326 1.01.146.283.343.551.594.801.357.357.766.627 1.228.812.461.185.943.277 1.445.277.95 0 1.76-.28 2.425-.84.667-.562 1.105-1.338 1.316-2.327h1.05a5.785 5.785 0 0 1-.594 1.712M364.833 23.759h-1.069V10.614h-4.198v-.951h9.483v.95h-4.216zM380.928 21.076a4.377 4.377 0 0 1-1 1.484c-.43.416-.938.74-1.524.971a5.312 5.312 0 0 1-1.951.346 5.31 5.31 0 0 1-1.95-.346 4.562 4.562 0 0 1-1.524-.97 4.363 4.363 0 0 1-1-1.485 4.896 4.896 0 0 1-.356-1.89V9.662h1.069v9.384c0 .582.089 1.112.267 1.593.178.482.432.891.762 1.227.33.337.726.598 1.188.783.462.186.977.278 1.544.278.568 0 1.082-.092 1.545-.277a3.414 3.414 0 0 0 1.187-.783c.33-.336.585-.745.762-1.227a4.559 4.559 0 0 0 .268-1.593V9.663h1.068v9.521c0 .687-.118 1.317-.355 1.892M393.776 13.464c0-.976-.291-1.695-.871-2.157-.581-.463-1.327-.693-2.237-.693h-4.158v5.701h4.158c.91 0 1.656-.23 2.237-.693.58-.462.87-1.18.87-2.158zm-3.386 3.801h-3.88v6.494h-1.07V9.663h5.366c.567 0 1.099.083 1.594.248.495.165.923.405 1.287.722.363.317.646.713.85 1.188.206.475.308 1.016.308 1.624 0 1.068-.294 1.926-.881 2.573s-1.376 1.056-2.366 1.227l3.405 6.514h-1.247l-3.366-6.494zM398.447 9.663H407v.95h-7.483v5.563h6.373v.95h-6.373v5.682H407v.951h-8.553z"/></g><path fill="#1E1E1E" d="M92.117 28h.772V.393h-.772zM10.37 24.714c4.12 0 6.77-3.1 6.77-7.098 0-3.998-2.65-7.097-6.77-7.097-4.12 0-6.772 3.1-6.772 7.097 0 3.997 2.652 7.098 6.771 7.098zM0 .744h3.181v10.1c1.754-2.042 4.16-3.265 6.934-3.265 5.997 0 10.035 4.242 10.035 10.034 0 5.711-4.202 10.035-9.546 10.035-3.425 0-6.24-1.713-7.423-3.875v3.385H.001V.744zM37.783 27.158h3.182V8.069h-3.182z"/><path fill="#308EC7" d="M37.848 3.934h3.19V.744h-3.19z"/><path d="M33.324 8.419c-2.819-.07-5.743 1.603-6.604 3.28V8.072h-2.988v19.09h3.182v-7.003c0-.774-.184-4.861 1.953-6.835 1.312-1.213 3.231-1.937 5.521-1.937V8.503a7.53 7.53 0 0 0-1.064-.084M56.152 24.53c-.49.12-1 .17-1.525.17-3.981 0-7.202-3.105-7.202-7.086a7.208 7.208 0 0 1 7.208-7.208c.524 0 1.03.062 1.523.168 1.349.244 2.576 1.084 3.599 1.957l1.889-1.932c-1.917-2.082-4.528-3.02-7.342-3.02-5.874 0-9.872 4.243-9.872 10.034 0 5.875 3.957 10.036 9.872 10.036 2.774 0 5.384-.94 7.22-3.06l-2.07-2.036c-.98.897-1.95 1.648-3.3 1.978M81.358 27.159L70.511 16.758l9.22-8.688h-4.418l-7.097 6.862V.745h-3.18v26.414h3.18v-8.576l8.87 8.576z" fill="#1E1E1E"/></g></symbol><symbol id="icon-gallery" viewBox="0 0 19 19"><title>gallery</title><g fill="#1E1E1E" fill-rule="evenodd"><path d="M12.405 19H1.595C.714 19 0 18.286 0 17.405V6.595C0 5.714.714 5 1.595 5h10.81C13.286 5 14 5.714 14 6.595v10.81c0 .881-.714 1.595-1.595 1.595"/><path d="M17.405 0H6.595C5.714 0 5 .714 5 1.594v1.402h9.41c.88 0 1.594.713 1.594 1.594V14h1.401c.881 0 1.595-.715 1.595-1.596V1.594C19 .714 18.286 0 17.405 0"/></g></symbol><symbol id="icon-iframe" viewBox="0 0 26 17"><title>iframe</title><g fill="#000" fill-rule="nonzero"><path d="M8.632 17c-.11 0-.22-.034-.257-.102L.097 8.313c-.147-.135-.11-.339 0-.475L8.375.102a.377.377 0 0 1 .515 0 .31.31 0 0 1 0 .475L.87 8.076l8.02 8.347c.147.136.11.34-.037.475-.037.068-.147.102-.22.102zM17.37 17a.411.411 0 0 1-.255-.102.344.344 0 0 1-.037-.475l8.044-8.347-8.007-7.5a.312.312 0 0 1 0-.474.373.373 0 0 1 .512 0l8.263 7.736a.312.312 0 0 1 0 .475l-8.263 8.585a.344.344 0 0 1-.256.102zM10.38 14h-.109c-.18-.033-.324-.233-.252-.399L13.297 2.24c.036-.166.252-.266.432-.233.18.034.324.233.252.399L10.74 13.767a.435.435 0 0 1-.36.233z"/></g></symbol><symbol id="icon-iframe2" viewBox="0 0 56 23"><title>iframe2</title><g fill="#000" fill-rule="nonzero"><path d="M23 0L0 11.5 23 23v-4.6L9.2 11.5 23 4.6zM33 23l23-11.5L33 0v4.6l13.797 6.9L33 18.4z"/><path d="M28.5 15L22 11.5 28.5 8l6.5 3.5z"/></g></symbol><symbol id="icon-instagram" viewBox="0 0 18 18"><title>instagram</title><path d="M17.946 5.29a6.606 6.606 0 0 0-.418-2.185 4.412 4.412 0 0 0-1.039-1.594A4.412 4.412 0 0 0 14.895.472a6.606 6.606 0 0 0-2.184-.418C11.75.01 11.444 0 9 0S6.25.01 5.29.054a6.606 6.606 0 0 0-2.185.418A4.412 4.412 0 0 0 1.51 1.511 4.412 4.412 0 0 0 .472 3.105a6.606 6.606 0 0 0-.418 2.184C.01 6.25 0 6.556 0 9s.01 2.75.054 3.71a6.606 6.606 0 0 0 .418 2.185 4.412 4.412 0 0 0 1.039 1.594 4.411 4.411 0 0 0 1.594 1.039 6.606 6.606 0 0 0 2.184.418C6.25 17.99 6.556 18 9 18s2.75-.01 3.71-.054a6.606 6.606 0 0 0 2.185-.418 4.602 4.602 0 0 0 2.633-2.633 6.606 6.606 0 0 0 .418-2.184C17.99 11.75 18 11.444 18 9s-.01-2.75-.054-3.71zm-1.62 7.347a4.978 4.978 0 0 1-.31 1.67 2.98 2.98 0 0 1-1.708 1.709 4.979 4.979 0 0 1-1.671.31c-.95.043-1.234.052-3.637.052s-2.688-.009-3.637-.052a4.979 4.979 0 0 1-1.67-.31 2.788 2.788 0 0 1-1.036-.673 2.788 2.788 0 0 1-.673-1.035 4.978 4.978 0 0 1-.31-1.671c-.043-.95-.052-1.234-.052-3.637s.009-2.688.052-3.637a4.979 4.979 0 0 1 .31-1.67 2.788 2.788 0 0 1 .673-1.036 2.788 2.788 0 0 1 1.035-.673 4.979 4.979 0 0 1 1.671-.31c.95-.043 1.234-.052 3.637-.052s2.688.009 3.637.052a4.979 4.979 0 0 1 1.67.31 2.788 2.788 0 0 1 1.036.673 2.788 2.788 0 0 1 .673 1.035 4.979 4.979 0 0 1 .31 1.671c.043.95.052 1.234.052 3.637s-.009 2.688-.052 3.637zM9 4.378A4.622 4.622 0 1 0 13.622 9 4.622 4.622 0 0 0 9 4.378zM9 12a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm5.884-7.804a1.08 1.08 0 1 1-1.08-1.08 1.08 1.08 0 0 1 1.08 1.08z"/></symbol><symbol id="icon-lapozo" viewBox="0 0 11.5 21.8"><style>.st0{display:none}.st1{display:inline}.st2{fill:#34a5de}.st3{fill:#1f1f1f}.st4,.st5,.st6{fill:none;stroke:#e3e3e2;stroke-miterlimit:10}.st4{display:inline;stroke-width:.7539}.st5,.st6{stroke-width:1.5}.st6{display:inline}.st7{fill:#e3e3e2}.st8{fill:#f7f8f9}.st9{fill:#2aa6df}.st10{opacity:.5}.st10,.st11{fill:#fff}.st12{opacity:.2}.st13{fill:#19a7e0}.st14{display:inline;fill:none;stroke:#13171b;stroke-width:.1409;stroke-miterlimit:10}.st15{fill:#27a5de}.st16{fill:#14181b}.st17{fill:none;stroke:#19a7e0;stroke-width:.75;stroke-miterlimit:10}.st18{fill:#02060d}.st19{fill:#18a7e0}.st20{fill:#17a8e0}.st21,.st22,.st23{fill:none;stroke:#14181b;stroke-width:.386;stroke-miterlimit:10}.st22,.st23{stroke:#13171b;stroke-width:.2623}.st23{stroke:#fff;stroke-width:.5562}.st24{stroke-width:.25}.st24,.st25,.st26,.st27,.st28,.st29{fill:none;stroke:#243f7e;stroke-miterlimit:10}.st26,.st27,.st28,.st29{stroke:#d1d3d4;stroke-width:.2434}.st27,.st28,.st29{stroke:#13171b;stroke-width:.1924}.st28,.st29{stroke:#fff;stroke-width:.4079}.st29{stroke-width:.4015}.st30{fill:#13171b}.st31,.st32{fill:none;stroke:#000;stroke-width:1.5;stroke-miterlimit:10}.st32{stroke-linecap:round;stroke-linejoin:round}</style><path class="st30" d="M.6 21.8c-.8-.8-.8-2.2 0-3.1l7.8-7.8L.6 3.1C-.2 2.3-.2.9.6 0l10.9 10.9L.6 21.8z" id="Layer_2"/></symbol><symbol id="icon-linkedin" viewBox="0 0 20 19"><title>linkedin</title><path d="M.254 19h4.287V6.18H.254V19zM2.426 0C.959 0 0 .957 0 2.214c0 1.231.932 2.217 2.37 2.217h.028c1.495 0 2.426-.986 2.426-2.217C4.795.957 3.893 0 2.426 0zM20 11.65V19h-4.287v-6.859c0-1.722-.62-2.899-2.172-2.899-1.184 0-1.89.793-2.199 1.56-.113.274-.143.655-.143 1.039V19H6.912s.057-11.616 0-12.82h4.287v1.818c-.009.013 0 0 0 0 .57-.873 1.587-2.119 3.865-2.119 2.82 0 4.936 1.832 4.936 5.77z" fill="#1E1E1E" fill-rule="evenodd"/></symbol><symbol id="icon-play-color" viewBox="0 0 66 66"><title>play-color</title><g fill="#FFF" fill-rule="nonzero"><circle opacity=".5" cx="33" cy="33" r="33"/><path d="M25.7 24.3v17.4c0 2.3 2.5 3.7 4.5 2.5l14.3-8.7c1.9-1.2 1.9-3.9 0-5l-14.3-8.7c-2-1.2-4.5.2-4.5 2.5z"/></g></symbol><symbol id="icon-play" viewBox="0 0 60 60"><title>play</title><g fill="#fff" fill-rule="evenodd"><path d="M45.563 29.174l-22-15A1 1 0 1 0 22 15v30a.999.999 0 0 0 1.563.826l22-15a1 1 0 0 0 0-1.652zM24 43.107V16.893L43.225 30 24 43.107z"/><path d="M30 0C13.458 0 0 13.458 0 30s13.458 30 30 30 30-13.458 30-30S46.542 0 30 0zm0 58C14.561 58 2 45.439 2 30S14.561 2 30 2s28 12.561 28 28-12.561 28-28 28z"/></g></symbol><symbol id="icon-study" viewBox="0 0 28 27"><title>study</title><g fill="#000" fill-rule="nonzero"><path d="M8.705 14.063h-3.08a.563.563 0 0 1 0-1.126h3v-.019c0-.91.147-1.785.415-2.605H5.625a.563.563 0 0 1 0-1.126h3.874C10.878 6.413 13.741 4.5 17.043 4.5c1.43 0 2.777.36 3.957.99V0H0v27h21v-6.653a8.365 8.365 0 0 1-3.957.99c-4.253 0-7.778-3.172-8.338-7.274zM3.187 5.25c0-.31.252-.563.563-.563h3a.563.563 0 0 1 0 1.125h-3a.563.563 0 0 1-.563-.562z"/><path d="M28 21.585l-4.445-4.517a7.432 7.432 0 0 0 .977-3.685C24.532 9.305 21.279 6 17.266 6 13.252 6 10 9.305 10 13.383c0 4.077 3.252 7.382 7.266 7.382a7.147 7.147 0 0 0 3.982-1.21L25.623 24 28 21.585zM11.992 14.54h6.227c.31 0 .56-.255.56-.57a.565.565 0 0 0-.56-.569h-6.35l-.001-.02c0-.955.243-1.854.668-2.637h5.683c.31 0 .56-.255.56-.57a.565.565 0 0 0-.56-.569h-4.857a5.337 5.337 0 0 1 3.904-1.708c2.976 0 5.398 2.46 5.398 5.485 0 3.024-2.422 5.485-5.398 5.485-2.585 0-4.75-1.857-5.274-4.327z"/></g></symbol><symbol id="icon-tothetop" viewBox="0 0 20 20"><title>tothetop</title><g fill="none" fill-rule="evenodd"><path d="M-2-2h24v24H-2z"/><path d="M10 19.507V2" stroke="#000" stroke-linecap="square"/><path stroke="#000" d="M1 11l9-10 9 10M0 .5h20"/></g></symbol><symbol id="icon-twitter" viewBox="0 0 18 15"><title>twitter</title><path d="M16.158 4.116c-.094.78-.094 1.586-.257 2.343-.95 4.448-4.117 7.584-8.432 8.364-.657.118-1.314.177-1.958.177-1.747 0-3.424-.437-5.031-1.301-.164-.083-.316-.19-.48-.284.175.012.35.024.527.024 2.1 0 4.011-.9 4.727-1.632-1.842-.285-3.062-1.243-3.308-2.533.48-.023.962-.058 1.454-.082C1.442 8.245.457 6.92.632 5.43c.47.118.951.236 1.42.354C.503 4.116.104 2.034 1.147.792 3.13 3.17 5.675 4.436 8.783 4.649c-.011-.095-.023-.153-.023-.213-.154-1.42.257-2.639 1.371-3.573.527-.45 1.16-.627 1.817-.863h.998c.844.237 1.605.567 2.251 1.17.035.024.093.06.152.06.035 0 .082 0 .105-.012.586-.213 1.173-.425 1.76-.65.106-.048.21-.107.374-.19-.327.876-.856 1.491-1.548 1.975.012.025.024.06.047.083.621-.177 1.256-.355 1.913-.544a8.809 8.809 0 0 1-1.607 1.751.859.859 0 0 0-.235.473z" fill="#1E1E1E" fill-rule="evenodd"/></symbol><symbol id="icon-vimeo" viewBox="0 0 18 16"><title>wimeo</title><path d="M1.151 5.127s2.022-1.625 2.483 1.585l1.312 5.072s1.378 5.23 4.485 4.04c0 0 4.7-2.632 8.05-10.222 0 0 1.956-5.589-1.726-5.589 0 0-3.927-.404-4.947 3.225 0 0-.339 1.132.807 1.057 0 0 1.955-.714.692 2.496 0 0-1.381 3.327-2.532 3.327 0 0-1.378.041-1.723-6.02 0 0 .08-3.943-2.91-3.943 0 0-1.807.574-5.142 4.257l1.151.715z" fill="#1E1E1E" fill-rule="evenodd"/></symbol><symbol id="icon-vrglass" viewBox="0 0 45 25"><title>vrglass</title><path d="M44.1 0H.9C.4 0 0 .37 0 .833v23.334c0 .463.4.833.9.833h16.45c.4 0 .75-.231.85-.556l2.25-6.342c.65-1.806 3.4-1.806 4.05 0l2.3 6.342c.1.325.45.556.85.556H44.1c.5 0 .9-.37.9-.833V.833C45 .37 44.6 0 44.1 0zM10 16c-2.222 0-4-1.778-4-4s1.778-4 4-4 4 1.778 4 4-1.778 4-4 4zm23 0c-2.222 0-4-1.778-4-4s1.778-4 4-4 4 1.778 4 4-1.778 4-4 4z" fill="#000" fill-rule="nonzero"/></symbol><symbol id="icon-youtube" viewBox="0 0 24 17"><title>youtube</title><path d="M9.513 12.162V4.839l6.333 3.662-6.333 3.66zM19.902 0H4.096A4.104 4.104 0 0 0 0 4.104v8.793A4.104 4.104 0 0 0 4.096 17h15.806C22.162 17 24 15.16 24 12.897V4.104A4.105 4.105 0 0 0 19.902 0z" fill="#1E1E1E" fill-rule="evenodd"/></symbol></svg><!-- endinject -->
    </div>


    <script src="js/jquery-3.2.1.min.js" id="jquery-js"></script>
    <!-- JS模板引擎:Strat -->
	  <script type="text/javascript" src="js/template-web.js"></script>
    <script id="list" type="text/html">
		{{each list item i}}
        <li id="{{item.id}}-catslide" class="orbit-slide {{if i == 0}}is-active{{/if}}">
            <section class="hero">
                <figure class="hero__fig" style="padding-bottom: 100vh;">
                    <img src="{{item.path}}" class="attachment-xlarge size-xlarge" alt="" loading="lazy" />
                </figure>
            </section>
        </li>
		{{/each}}
	  </script>
    <script>
        $.ajax({
            type: "POST",
            async: false,
            url: "https://admin.pingyivisual.com/dear/web/getcarousel",
            success : function(result) {
                if ( result.code == 200 ) {
                    var html = template('list', {list:result.data});
                    document.getElementById('orbit-container-id').innerHTML = html;
                }
            }
        });
    </script>
    <!-- JS模板引擎:End -->
    <script src="js/main.js" id="sage/js-js"></script>
    <script type='text/javascript' id='sage/loadmore-js-extra'>
        /* <![CDATA[ */
        var loadmore_params = {
            "ajaxurl":"https:\/\/admin.pingyivisual.com\/dear\/web\/geteffect",
            "current_page":"1",
            "page_size":"5"
        };
        /* ]]> */
    </script>
    <script src="js/loadmore.js" id="sage/loadmore-js"></script>
    <script src="js/jquery.i18n.min.js"></script>
    <script>
      document.oncontextmenu = function(){return false;}

      $(document).ready(function(){
        /*默认语言*/
        var defaultLang = getCookie("i18n_lang")?getCookie("i18n_lang"):"en";

        $("[i18n]").i18n({
          defaultLang: defaultLang,
          filePath: "i18n/",
          filePrefix: "i18n_",
          fileSuffix: "",
          forever: true,
          callback: function() {
            // $(".lang").html(defaultLang == "en"?"中<b class='active'>/EN</b>":"<b class='active'>中/</b>EN");
            setCookie("i18n_lang",defaultLang);
          }
        });
        
        changeHeroImg()

        onImgLoad('#1-catslide img',function(){
          $(".introduction").css("visibility","visible");
          // 加载完成 
          $(".introduction").addClass('fadeInUp animated');
        })
      })

      // $('#1-catslide img').on('load',function(){
      //   $(".introduction").css("visibility","visible");
      //   // 加载完成 
      //   $(".introduction").addClass('fadeInUp animated');
      // });

      /*切换中英文 - 按钮*/
      $(".lang").click(function() {
        var _this = this;
        var s = getCookie("i18n_lang") == "en"?"cn":"en";
        setCookie("i18n_lang",s);

        $("[i18n]").i18n({
          defaultLang: getCookie("i18n_lang"),
          filePath: "i18n/",
          filePrefix: "i18n_",
          fileSuffix: "",
          forever: true,
          callback: function() {
            $(_this).html(getCookie("i18n_lang") == "en"?"中<b class='active'>/EN</b>":"<b class='active'>中/</b>EN");
          }
        });
      });

      window.addEventListener('resize', function() {
        changeHeroImg()
      })

      function changeHeroImg(){
        if(document.body.clientWidth/window.innerHeight > 2000/1334){
            $(".hero__fig img").removeClass("hero__fig_img_h").addClass("hero__fig_img_w")
          }else{
            $(".hero__fig img").removeClass("hero__fig_img_w").addClass("hero__fig_img_h")
          }
      }

      function getCookie(name) {
        var arr = document.cookie.split('; ');
        for (var i = 0; i < arr.length; i++) {
          var arr1 = arr[i].split('=');
          if (arr1[0] == name) {
            return arr1[1]
          }
        }
        return ''
      }
      function setCookie(name, value, myDay) {
        var oDate = new Date();
        oDate.setDate(oDate.getDate() + myDay);
        document.cookie = name + '=' + value + '; expires=' + oDate
      }

      /**
       * Trigger a callback when the selected images are loaded:
       * @param {String} selector
       * @param {Function} callback
        */
      var onImgLoad = function(selector, callback){
          $(selector).each(function(){
              if (this.complete || /*for IE 10-*/ $(this).width() > 0) {
                  callback.apply(this);
              } else {
                  $(this).on('load', function(){
                      callback.apply(this);
                  });
              }
          });
      };
  </script>
</body>
</html>